import styled from 'styled-components'

const MySearch = styled.div`
  .seach-content {
    padding: 10px;
    background-color: rgb(245, 245, 245);
  }
  .memory,
  .recommond {
    margin: 10px 0;
    color: #c9c3c3ff;
  }
  .grid-demo-item-block {
    border: solid 1px #999999;
    background: var(--adm-color-box);
    text-align: center;
    color: #999999;
    height: 100%;
  }
  .hospital-list {
    padding: 0 10px 70px;

    .hospital-card {
      margin-bottom: 10px;
      border-radius: 8px;
      overflow: hidden;

      .hospital-item {
        display: flex;
        gap: 10px;
      }

      .hospital-img {
        width: 80px;
        height: 80px;
        border-radius: 6px;
        object-fit: cover;
      }

      .hospital-info {
        display: flex;
        flex-direction: column;
        gap: 5px;
        h4 {
          margin: 0;
          font-size: 16px;
          font-weight: 700;
          color: #333;
        }

        .level {
          color: rgb(99, 173, 177);
          font-weight: 600;
          font-size: 13px;
          margin: 4px 0;
        }

        .desc {
          color: #999;
          font-size: 12px;
        }
      }
    }
  }
`
export default MySearch
